<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>Lo Mejor de HQH Admin Interface</title>
        <link rel="shortcut icon" href="/favicon.ico" />
        <?php include_javascripts() ?>
        <?php include_stylesheets() ?>
        
        <link media="screen, projection" type="text/css" href="/css/start-with-some-purple/jquery-ui-1.8.16.custom.css" rel="stylesheet"></link>
        <link media="screen, projection" type="text/css" href="/css/fg.menu.css" rel="stylesheet"></link>
        <link media="screen, projection" type="text/css" href="/css/blueprint/screen.css" rel="stylesheet"></link>
        <link media="print" type="text/css" href="/css/blueprint/print.css" rel="stylesheet"></link>
        <link media="screen, projection" type="text/css" href="/css/blueprint/plugins/fancy-type/screen.css" rel="stylesheet"></link>
        <link media="screen, projection" type="text/css" href="/css/blue/style.css" rel="stylesheet"></link>
        <link media="screen, projection" type="text/css" href="/css/svwp_style.css" rel="stylesheet"></link>
        <link media="screen, projection" type="text/css" href="/css/admin.css" rel="stylesheet"></link>
        
        <script src="/js/jquery-1.6.2.min.js" type="text/javascript"></script>
        <script src="/js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
        <script src="/js/fg.menu.js" type="text/javascript"></script>
        <script src="/js/jquery.tablesorter.js" type="text/javascript"></script>
        
        <script type="text/javascript">
            $(function(){
                $('.menu-trigger').each(function(index,element){
                    $(element).menu({ 
                        content: $(element).next().html(), // grab content from this page
                        showSpeed: 400 
                    })
                });
                $(".menu-link").button()
                    .next().button( {
                        text: false,
                        icons: {
                            primary: "ui-icon-triangle-1-s"
                        }
                    }).parent().buttonset();
            });
        </script>
    </head>
    <body>
        <div id="container" class="container">
            <div id="header" class="span-24 ui-widget-header ui-corner-all append-bottom prepend-top">
                <div class="span-8 prepend-1">
                    <h1>
                        <a href="<?php echo url_for('homepage') ?>">Lo Mejor de HQH</a>
                    </h1>
                </div>
                <?php if($sf_user->isAuthenticated()): ?>
                    <div id="header-logout" class="prepend-7 span-8 last">
                        <?php echo $sf_user->getProfile()->getFullname() ?>
                        &nbsp;&nbsp;|&nbsp;&nbsp;
                        <a href="<?php echo url_for('@sf_guard_signout') ?>" class="">
                            Cerrar sesión
                        </a>
                    </div>
                <?php else: ?>
                    <div id="header-signin" class="prepend-5 span-10 last">
                        <?php include_component('sfGuardAuth', 'signin_form_min')?>
                    </div>
                <?php endif; ?>
            </div>
            <?php if($sf_user->isAuthenticated()): ?>
                <div id="menu" class="span-24 append-bottom ui-widget-header ui-corner-all">
                    <ul>
                        <li>
                            <div class="span-4">
                                <a class="menu-link" href="<?php echo url_for('category')?>">Categorias</a>
                                <a class="menu-trigger" tabindex="0">menu</a>
                                <div class="menu-options ui-helper-hidden">
                                    <ul>
                                        <li><a class="menu-link" href="<?php echo url_for('category')?>">Categorias</a></li>
                                        <li><a href="#">Yahoo</a></li>
                                        <li><a href="#">MSN</a></li>
                                        <li><a href="#">Ask</a></li>
                                        <li><a href="#">AOL</a></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="last">
                            <div>
                                <a class="menu-link" href="<?php echo url_for('candidate')?>">Candidatos</a>
                                <a class="menu-trigger" tabindex="0">menu</a>
                                <div class="menu-options ui-helper-hidden">
                                    <ul>
                                        <li><a href="#">Google</a></li>
                                        <li><a href="#">Yahoo</a></li>
                                        <li><a href="#">MSN</a></li>
                                        <li><a href="#">Ask</a></li>
                                        <li><a href="#">AOL</a></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            <?php endif; ?>
            <div id="content" class="span-24 append-bottom">
                <?php echo $sf_content ?>
            </div>
            <div id="footer" class="span-24 ui-widget-header ui-corner-all append-bottom">
                <p>© 2011 Lo mejor de. © 2011 HoyQuéHay®. Todos los derechos reservados.</p>
                <p>Powered by 
                    <a href="http://www.symfony-project.org/">
                        <img src="/images/symfony.gif" alt="Symfony" />
                    </a>
                </p>
            </div>
        </div>
    </body>
</html>